home *** CD-ROM | disk | FTP | other *** search
/ Freelog 115 / FreelogNo115-MaiJuin2013.iso / Internet / AvantBrowser / asetup.exe / _data / webkit / resources.pak / Unnamed File 000014.txt < prev    next >
Text File  |  2013-04-03  |  16KB  |  481 lines
  1. <!DOCTYPE html>
  2. <html i18n-values="dir:textdirection">
  3. <!--
  4.  
  5. Copyright (c) 2012 The Chromium Authors. All rights reserved.
  6. Use of this source code is governed by a BSD-style license that can be
  7. found in the LICENSE file.
  8.  
  9. -->
  10. <head>
  11. <meta name="google" value="notranslate">
  12. <title i18n-content="title"></title>
  13.  
  14. <link rel="stylesheet" href="chrome://resources/css/list.css">
  15. <link rel="stylesheet" href="chrome://resources/css/tree.css">
  16. <link rel="stylesheet" href="chrome://resources/css/menu.css">
  17. <link rel="stylesheet" href="chrome://resources/css/menu_button.css">
  18. <link rel="stylesheet" href="chrome://resources/css/widgets.css">
  19. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  20.  * Use of this source code is governed by a BSD-style license that can be
  21.  * found in the LICENSE file. */
  22.  
  23. html,
  24. body {
  25.   cursor: default;
  26.   height: 100%;
  27.   margin: 0;
  28.   overflow: hidden;
  29.   width: 100%;
  30. }
  31.  
  32. list {
  33.   display: block;
  34.   overflow-x: hidden;
  35.   overflow-y: visible; /* let the container do the scrolling */
  36. }
  37.  
  38. list > * {
  39.   -webkit-padding-end: 20px;
  40.   -webkit-padding-start: 3px;
  41.   color: hsl(0, 0%, 70%);
  42.   display: -webkit-box;
  43.   line-height: 20px;
  44.   margin: 0;
  45.   padding-bottom: 0;
  46.   padding-top: 0;
  47.   text-decoration: none;
  48.   white-space: nowrap;
  49. }
  50.  
  51. list > * > * {
  52.   -webkit-padding-start: 20px;
  53.   background: 0 50% no-repeat;
  54.   box-sizing: border-box;
  55.   overflow: hidden;
  56.   text-overflow: ellipsis;
  57.   white-space: pre; /* Don't collapse whitespace */
  58. }
  59.  
  60. list > * > .label {
  61.   -webkit-transition: all 150ms;
  62.   color: black;
  63.   display: inline-block; /* We need to use inline-block here due to RTL. */
  64. }
  65.  
  66. list > * > .url {
  67.   -webkit-box-flex: 1;
  68.   direction: ltr; /* URLs always read LTR */
  69.   display: none;
  70. }
  71.  
  72. list > :hover > .url,
  73. list > [selected] > .url {
  74.   display: block;
  75. }
  76.  
  77. /* Handle proper padding for URL field in an RTL context, where field order is
  78.  * |div.url||div.label| - so we need padding at the right of URL, not at the
  79.  * left. And since url is always LTR, that is padding at the end, not the start.
  80.  */
  81. html[dir=rtl] .url {
  82.   -webkit-padding-end: 20px;
  83.   -webkit-padding-start: 0;
  84. }
  85.  
  86. html[dir=rtl] list .label {
  87.   background-position: 100% 50%;
  88. }
  89.  
  90. list > .folder > .label {
  91.   background-image: -webkit-image-set(
  92.       url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAABNklEQVQ4y2P5//8/A7UACwMVAdiwpkSHNCA1E4t8et38A7NIddnMnIoCMIObmxtMP7h5mWHlkk0gC4g3DOQqUVkVhoeXjoIFGBn/gWmmfz8YZCT5Qa7GFagYrga5bGZGSRwDA1jLfwZ4fABpbRco5z9UHCr56/VDhp7uhTOhQcOI4k1QjDL++wM2gfE/0GUg/O8flP0XKPcXKvYXrOnn82t4wgzkM5BhSAaBDfnzDSIOxn/BYgQjAOyyv7/BBoFdgWwIyACYy35+IcKwvyDDfkE0/f4KFIC55h/E2aCw+vGZuKTxH6TpD9Cw358RrgEZAAl1oIu+Ep/OQC5jALnszw+IZuQsRqRBtMlOHy9sYeBiZyVa07efv3Ealj599YWZpLrC2CMO0zBolphJps8YsYUZ46ArzwDWgLJTS2LvKwAAAABJRU5ErkJggg==') 1x);
  93. }
  94.  
  95. /* We need to ensure that even empty labels take up space */
  96. list > * > .label:empty::after,
  97. list > * > .url:empty::after {
  98.   content: ' ';
  99.   white-space: pre;
  100. }
  101.  
  102. list > .folder > .url:empty::after {
  103.   content: '';
  104. }
  105.  
  106. list > * > button {
  107.   -webkit-transition: opacity 150ms;
  108.   background: #fff -webkit-canvas(drop-down-arrow) no-repeat center center;
  109.   border: 1px solid hsl(214, 91%, 85%);
  110.   border-radius: 3px;
  111.   bottom: 1px;
  112.   display: none;
  113.   overflow: hidden;
  114.   padding: 0;
  115.   position: absolute;
  116.   right: 3px;
  117.   top: 1px;
  118.   width: 15px;
  119. }
  120.  
  121. list > [selected]:hover > button,
  122. list > * > button[menu-shown] {
  123.   border-color: hsl(214, 91%, 65%);
  124. }
  125.  
  126. list > :hover > button {
  127.   display: block;
  128. }
  129.  
  130. list > * > button:hover,
  131. list > * > button[menu-shown] {
  132.   display: block;
  133. }
  134.  
  135. html[dir=rtl] list > * > button {
  136.   left: 3px;
  137.   right: auto;
  138. }
  139.  
  140. /* Edit mode */
  141.  
  142. list [editing] .label input,
  143. list [editing] .url input {
  144.   -webkit-margin-end: 4px;
  145.   -webkit-margin-start: -4px;
  146.   -webkit-padding-end: 3px;
  147.   -webkit-padding-start: 3px;
  148.   box-sizing: content-box;
  149.   font-family: inherit;
  150.   font-size: inherit;
  151.   font-weight: inherit;
  152.   /* Do not inherit the line-height. */
  153.   line-height: normal;
  154.   margin-bottom: 0;
  155.   margin-top: 0;
  156.   min-height: 0;
  157.   text-decoration: none;
  158.   vertical-align: baseline;
  159. }
  160.  
  161. .tree-item [editing] input {
  162.   line-height: normal;
  163.   margin: 0;
  164.   min-height: 0;
  165.   padding: 1px 0;
  166. }
  167.  
  168.  
  169.  
  170. list > [editing] {
  171.   overflow: visible;
  172. }
  173.  
  174. list [editing] .label,
  175. list [editing] .url,
  176. list [editing] > * {
  177.   overflow: visible;
  178. }
  179.  
  180. list [editing] .url {
  181.   -webkit-padding-start: 5px;
  182. }
  183.  
  184. list [editing] input {
  185.   padding: 1px 0;
  186. }
  187.  
  188. /* end editing */
  189.  
  190. html[dir=rtl] list > .folder > .label {
  191.   background-image: -webkit-image-set(
  192.       url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAABTElEQVQ4y2P8//8/A7UA44AZ1pTokAakZmKRSq+bf2AWqYb9D4/xY1BQ1wXzv379CqandExgABrGiGEYHtsZZCT5GUwMZBj+MXGA+f//M4HpE5ffM7x+fCcd3bD/QMMYSkrjGdhE5aEBwQhCDBACRAFpRrgUA5gDRM35dQxYDSuOMWXgVjeBiDAxAxUzMfwH0xA2AxMThAZhoEn/mVgYWgrq8RimoAy1nhliIFADCP9n4YKKIQz8D/R2SxE+w8RFICLsPFDXQF0GNZQBaOh/qKv/sfAwtBY34DFMVBAhysELDSCoF0GGMQIxKzfYkj8sggxtZY1EGgZ2ITc0sGEY6kpWXobfbKIM7RXNJBgGN5ABKSqBmI2f4RebFENHdQsdDMsMNWDgYmclOmd8+/mbYfrqC5iGbV05j+HsjkXk5PN0bHmT3GKEkXHQlmcAl2ySIdjFZKwAAAAASUVORK5CYII=') 1x);
  193. }
  194.  
  195.  
  196.  
  197. .main {
  198.   bottom: 0;
  199.   display: -webkit-box;
  200.   left: 0;
  201.   position: absolute;
  202.   right: 0;
  203.   top: 79px;
  204. }
  205.  
  206. .main > * {
  207.   height: 100%;
  208. }
  209.  
  210. #tree-container {
  211.   -webkit-padding-end: 5px;
  212.   -webkit-padding-start: 10px;
  213.   box-sizing: border-box;
  214.   /* min-width and max-width are used by the split pane. */
  215.   max-width: 50%;
  216.   min-width: 50px;
  217.   overflow: auto;
  218.   padding-bottom: 5px;
  219.   padding-top: 5px;
  220.   width: 200px;
  221. }
  222.  
  223. #tree {
  224.   display: inline-block;
  225.   min-width: 100%;
  226.   overflow: visible; /* let the container do the scrolling */
  227. }
  228.  
  229. .tree-item > .tree-row {
  230.   line-height: 20px;
  231. }
  232.  
  233. .tree-row .expand-icon {
  234.   top: 2px;
  235. }
  236.  
  237. #list {
  238.   -webkit-box-flex: 1;
  239.   box-sizing: border-box;
  240.   padding: 5px;
  241. }
  242.  
  243. .splitter {
  244.   background-color: rgb(235, 239, 249);
  245.   cursor: e-resize;
  246.   width: 5px;
  247.  
  248. }
  249.  
  250. .logo {
  251.   -webkit-appearance: none;
  252.   background: url('data:image/png;base64,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') no-repeat 50% 50%;
  253.   border: 0;
  254.   cursor: pointer;
  255.   float: left;
  256.   height: 32px;
  257.   margin: 10px;
  258.   width: 32px;
  259. }
  260.  
  261. .header form {
  262.   float: left;
  263.   margin: 14px 2px 0 2px;
  264.   width: 171px;
  265. }
  266.  
  267. .header {
  268.   min-width: 400px;
  269. }
  270.  
  271. html[dir=rtl] .logo,
  272. html[dir=rtl] .header > div,
  273. html[dir=rtl] .header form {
  274.   float: right;
  275. }
  276.  
  277. #drop-overlay {
  278.   background-color: hsla(214, 91%, 85%, .5);
  279.   border: 1px solid hsl(214, 91%, 85%);
  280.   border-radius: 3px;
  281.   box-sizing: border-box;
  282.   display: none;
  283.   overflow: hidden;
  284.   pointer-events: none;
  285.   position: absolute;
  286.   z-index: -1;
  287. }
  288.  
  289. #drop-overlay.line {
  290.   background-clip: padding-box;
  291.   background-color: black;
  292.   border: 3px solid black;
  293.   border-bottom-color: transparent;
  294.   border-radius: 0;
  295.   border-top-color: transparent;
  296.   height: 8px;
  297.   z-index: 10;
  298. }
  299.  
  300. .summary {
  301.   background-color: rgb(235, 239, 249);
  302.   border-top: 1px solid rgb(156, 194, 239);
  303.   clear: both;
  304.   padding: 5px 10px;
  305.   white-space: nowrap;
  306. }
  307.  
  308. .summary > * {
  309.   display: inline-block;
  310.   font-size: 100%;
  311.   margin: 0;
  312. }
  313.  
  314. .summary button {
  315.   -webkit-appearance: none;
  316.   -webkit-margin-start: 10px;
  317.   -webkit-padding-end: 11px;
  318.   -webkit-padding-start: 0;
  319.   background: transparent -webkit-canvas(drop-down-arrow)
  320.               no-repeat right center;
  321.   border: 0;
  322.   font: inherit;
  323.   padding-bottom: 0;
  324.   padding-top: 0;
  325. }
  326.  
  327. html[dir=rtl] .summary button {
  328.   background-position: left center;
  329. }
  330.  
  331. @media (pointer:coarse) {
  332.   list > *,
  333.   menu > button,
  334.   .tree-item > .tree-row {
  335.     line-height: 28px;
  336.   }
  337.  
  338.   list [editing] input,
  339.   .tree-item [editing] input {
  340.     padding: 3px 0;
  341.   }
  342.  
  343.   .tree-row .expand-icon {
  344.     top: 6px;
  345.   }
  346. }
  347. </style>
  348.  
  349. <script src="chrome://resources/css/tree.css.js"></script>
  350. <script src="css/bmm.css.js"></script>
  351. <script src="chrome://resources/js/event_tracker.js"></script>
  352.  
  353. <script src="chrome://resources/js/cr.js"></script>
  354. <script src="chrome://resources/js/cr/event_target.js"></script>
  355. <script src="chrome://resources/js/cr/link_controller.js"></script>
  356. <script src="chrome://resources/js/cr/promise.js"></script>
  357. <script src="chrome://resources/js/cr/ui.js"></script>
  358. <script src="chrome://resources/js/cr/ui/touch_handler.js"></script>
  359. <script src="chrome://resources/js/cr/ui/array_data_model.js"></script>
  360. <script src="chrome://resources/js/cr/ui/command.js"></script>
  361. <script src="chrome://resources/js/cr/ui/menu_item.js"></script>
  362. <script src="chrome://resources/js/cr/ui/menu.js"></script>
  363. <script src="chrome://resources/js/cr/ui/position_util.js"></script>
  364. <script src="chrome://resources/js/cr/ui/menu_button.js"></script>
  365. <script src="chrome://resources/js/cr/ui/context_menu_button.js"></script>
  366. <script src="chrome://resources/js/cr/ui/context_menu_handler.js"></script>
  367. <script src="chrome://resources/js/cr/ui/list_selection_model.js"></script>
  368. <script src="chrome://resources/js/cr/ui/list_selection_controller.js"></script>
  369. <script src="chrome://resources/js/cr/ui/list_item.js"></script>
  370. <script src="chrome://resources/js/cr/ui/list.js"></script>
  371. <script src="chrome://resources/js/cr/ui/tree.js"></script>
  372. <script src="chrome://resources/js/cr/ui/splitter.js"></script>
  373.  
  374. <script src="chrome://resources/js/i18n_template_no_process.js"></script>
  375. <script src="chrome://resources/js/load_time_data.js"></script>
  376. <script src="chrome://resources/js/util.js"></script>
  377.  
  378. <script src="js/bmm.js"></script>
  379. <script src="js/bmm/bookmark_list.js"></script>
  380. <script src="js/bmm/bookmark_tree.js"></script>
  381. </head>
  382. <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
  383.  
  384. <div class="header">
  385.   <button class="logo link-button" tabindex=3></button>
  386.   <form onsubmit="setSearch(this.term.value); return false;"
  387.       class="form">
  388.     <input type="search" id="term" tabindex=1 autofocus incremental
  389.         i18n-values="placeholder:search_button">
  390.   </form>
  391. </div>
  392.  
  393. <div class="summary">
  394.   <h3 i18n-content="title"></h3>
  395.   <button menu="#organize-menu" tabindex="4" i18n-content="organize_menu">
  396.   </button>
  397. </div>
  398.  
  399. <div class=main>
  400.   <div id=tree-container>
  401.     <tree id=tree tabindex=2 role="tree"></tree>
  402.   </div>
  403.   <div class=splitter></div>
  404.   <list id=list tabindex=2></list>
  405. </div>
  406.  
  407. <!-- Organize menu -->
  408. <command i18n-values=".label:rename_folder" id="rename-folder-command"></command>
  409. <command i18n-values=".label:edit" id="edit-command"></command>
  410. <command i18n-values=".label:show_in_folder" id="show-in-folder-command"></command>
  411. <command i18n-values=".label:cut" id="cut-command"></command>
  412. <command i18n-values=".label:copy" id="copy-command"></command>
  413. <command i18n-values=".label:paste" id="paste-command"></command>
  414. <command i18n-values=".label:delete" id="delete-command"></command>
  415. <command i18n-values=".label:undo_delete" id="undo-delete-command"></command>
  416. <command i18n-values=".label:sort" id="sort-command"></command>
  417. <command i18n-values=".label:add_new_bookmark" id="add-new-bookmark-command"></command>
  418. <command i18n-values=".label:new_folder" id="new-folder-command"></command>
  419.  
  420. <!-- Tools menu -->
  421. <command i18n-values=".label:import_menu" id="import-menu-command"></command>
  422. <command i18n-values=".label:export_menu" id="export-menu-command"></command>
  423.  
  424. <!-- open * are handled in canExecute handler -->
  425. <command id="open-in-new-tab-command"></command>
  426. <command id="open-in-background-tab-command"></command>
  427. <command id="open-in-new-window-command"></command>
  428. <command id="open-incognito-window-command"></command>
  429. <command id="open-in-same-window-command"></command>
  430.  
  431. <command id="undo-command"></command>
  432.  
  433. <!-- TODO(arv): I think the commands might be better created in code? -->
  434.  
  435. <menu id="organize-menu">
  436.   <button command="#add-new-bookmark-command"></button>
  437.   <button command="#new-folder-command"></button>
  438.   <hr>
  439.   <button command="#rename-folder-command"></button>
  440.   <button command="#edit-command"></button>
  441.   <button command="#show-in-folder-command"></button>
  442.   <hr>
  443.   <button command="#cut-command"></button>
  444.   <button command="#copy-command"></button>
  445.   <button command="#paste-command"></button>
  446.   <hr>
  447.   <button command="#delete-command"></button>
  448.   <button command="#undo-delete-command"></button>
  449.   <hr>
  450.   <button command="#sort-command"></button>
  451.   <hr>
  452.   <button command="#import-menu-command"></button>
  453.   <button command="#export-menu-command"></button>
  454. </menu>
  455.  
  456. <menu id="context-menu">
  457.   <button command="#open-in-new-tab-command"></button>
  458.   <button command="#open-in-new-window-command"></button>
  459.   <button command="#open-incognito-window-command"></button>
  460.   <hr>
  461.   <button command="#rename-folder-command"></button>
  462.   <button command="#edit-command"></button>
  463.   <button command="#show-in-folder-command"></button>
  464.   <hr>
  465.   <button command="#cut-command"></button>
  466.   <button command="#copy-command"></button>
  467.   <button command="#paste-command"></button>
  468.   <hr>
  469.   <button command="#delete-command"></button>
  470.   <button command="#undo-delete-command"></button>
  471.   <hr>
  472.   <button command="#add-new-bookmark-command"></button>
  473.   <button command="#new-folder-command"></button>
  474. </menu>
  475.  
  476. <div id="drop-overlay"></div>
  477.  
  478. <script src="js/main.js"></script>
  479. </body>
  480. </html>
  481.